<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
   /******************************************************************************
     Copyright:: 2020- IBM, Inc

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
  *****************************************************************************/
-->

<html lang="en">

<head>

    <title>RPT Test Suite</title>
</head>

<body aria-label="main">

    <a href="#navskip">skip to main content</a>

    <!-- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -->

    <h3>Multiple landmarks of the same type must have unique labels</h3>

<div hidden="true"> labels
        <div id="main_main"> this is the real main area </div>
        <div id="main_test"> main is a landmark </div>
        <div id="tested"> what do we test</div> 
    </div>

    <main aria-labelledby="main_main">
        <a name="navskip"></a>
        <document aria-label="main with aria-label" >
            <h1>This main marked with aria-label</h1>
            <main aria-labelledby="main_test" hidden="true">
                <p aria-label="main test - aria-label">This main section has proper label and proper role</p>
            </main> 
        </section>

        <document aria-label="main with aria-labelledby" >
            <h1>This area is marked with the same aria-labelledby </h1>
            <main aria-label="main is a landmark" role="maNN">
                <p>This main section has proper label but no proper role</p>
            </main> 
        </section>

        <document aria-label="main2 with aria-labelledby" >
            <h1>This area is marked with the same aria-labelledby </h1>
            <main aria-label="main is a landmark" role="maNN">
                <p>This main section has proper label but no proper role</p>
            </main> 
        </section>

        <document aria-label="main2 with aria-labelledby" >
            <h1>This area has no aria-label </h1>
            <main role="maNN">
                <p>This main section has no label and no proper role</p>
            </main> 
        </section>
</main>
    <a name="navskip"></a>

    <script type="text/javascript">
        //<![CDATA[
        if (typeof(OpenAjax) == 'undefined') OpenAjax = {}
        if (typeof(OpenAjax.a11y) == 'undefined') OpenAjax.a11y = {}
        OpenAjax.a11y.ruleCoverage = [{
            ruleId: "1182",
            passedXpaths: [],
            failedXpaths: []
        }];
        //]]>
    </script>
</body>

</html>